<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	<h:head><title>Contactos</title>
		<style type="text/css"> body{
		font: 62.5% "Trebuchet MS", sans-serif;
		
	}
	
.ui-widget-content .ui-datalist-content {
	border: none;
	background: transparent;
	background-image: none;
}
	</style> 
	 </h:head>
	<h:body>
<h:form id="form">  
    <p:carousel id="carousel"
    style="width:550px important!" value="#{menuSeccitonMateria.listCompaneros}" var="comp" itemStyleClass="carItem" headerText="Compañeros">  
        <p:graphicImage id="image" value="../resources/profilePictures/default.jpg" width="40" height="50"/>     
        <h:panelGrid columns="2" style="width:50%" cellpadding="5">  
            <h:outputText value="Nombre: " /><h:outputText id="model" value="#{comp.id.nombreCompleto}" />  			
        </h:panelGrid>  
        <p:commandLink id="viewMail"   title="View Detail">  
            <h:outputText styleClass="ui-icon ui-icon-search" style="margin:0 auto;" />              			
        </p:commandLink>  
		<p:commandLink id="view"   title="View Detail">  
        <h:outputText styleClass="ui-icon ui-icon-mail-closed" style="margin:0 auto;" />       
        </p:commandLink>  		
    </p:carousel>  
  
  <br />
  <br />  
   <p:carousel id="carouselProf"
    style="width:550px important!" value="#{menuSeccitonMateria.listProfesores}" var="prof" itemStyleClass="carItem" headerText="Profesores">  
        <p:graphicImage id="image" value="../resources/profilePictures/default.jpg"  width="40" height="50"/>     
        <h:panelGrid columns="2" style="width:50%" cellpadding="5">  
            <h:outputText value="Nombre: " /><h:outputText id="model" value="#{prof.id.nombreCompleto}" />  			
        </h:panelGrid>  
        <p:commandLink id="viewMailProf"   title="View Detail">  
            <h:outputText styleClass="ui-icon ui-icon-search" style="margin:0 auto;" />              			
        </p:commandLink>  
		<p:commandLink id="viewProf"   title="View Detail">  
        <h:outputText styleClass="ui-icon ui-icon-mail-closed" style="margin:0 auto;" />       
        </p:commandLink>  		
    </p:carousel>  
  
  <br />
  <br />
   <p:carousel id="carouselRes"
    style="width:550px important!" value="#{menuSeccitonMateria.listResponsables}" var="res" itemStyleClass="carItem" headerText="Responsables" >  
        <p:graphicImage id="image" value="../resources/profilePictures/default.jpg"  width="40" height="50" />     
        <h:panelGrid columns="2" style="width:50%" cellpadding="5">  
            <h:outputText value="Nombre: " /><h:outputText id="model" value="#{res.id.nombreCompleto}" />  			
        </h:panelGrid>  
        <p:commandLink id="viewMailRes"   title="View Detail">  
            <h:outputText styleClass="ui-icon ui-icon-search" style="margin:0 auto;" />              			
        </p:commandLink>  
		<p:commandLink id="viewRes"   title="Inbox" action="#{menuSeccitonMateria.goSendMail}" target="newPopup" >  
        <h:outputText styleClass="ui-icon ui-icon-mail-closed" style="margin:0 auto;" />       
        </p:commandLink>  		
    </p:carousel>  
          
  
      
</h:form>  
	</h:body>
	
</html>
